<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>19软工10班网上作业系统</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      h1 {
        height: 50px;
        text-align: center;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      }
      li {
        list-style: none;
      }
      span {
        display: block;

        text-align: center;

        font: normal 700 20px "Microsoft yahei";
      }
      .nav {
        position: absolute;
        width: 100%;
        height: 100%;
        justify-content: flex-end;
      }

      .left {
        float: left;
        width: 20%;
        height: 100%;
        border: 1px solid black;
        background-color:#D5F3F4;
        overflow: hidden;
        overflow-y: scroll;
        white-space: nowrap;
      }
      .right {
       
        position: absolute;
        left: 20%;
        width: 80%;
        height: 100%;
        border: 1px solid black;
        background-color: #D7FFF0;
      }

      ul li {
        text-align: center;
        height: 30px;
        line-height: 30px;
        margin-top: 5px;
      }
      iframe{

        position: relative;
        height: 100%;
        width: 100%;
        background-color: pink;
      }
      a{
        text-decoration: none;
        color: black;
      }
      li a:hover{
        background-color:pink;
        transition: all 0.75s ease-out;
        transform: scale(0.85);
      }
    </style>
  </head>
  <body>
    <h1>1990010班作业</h1>
    <div class="nav">
      <div class="left">
        <span>人员列表</span>
        <ul>

          <li><a href="https://qu-zhilin.gitee.io/quzhilin/" target="cc">199001001屈直霖</a></li>
          <li><a href="https://deng-zujing.gitee.io/client-job/" target="cc">199001002邓祖敬</a></li>
          <li><a href="http://t-hulu.gitee.io/work/" target="cc">199001003胡文龙</a></li>
          <li><a href="https://xie-wq.gitee.io/js/" target="cc">199001006谢文奇</a></li>
          <li><a href="https://wangyulniubi.gitee.io/client---job/" target="cc">199001009王鑫宇</a></li>
          <li><a href="https://mgy1314520.gitee.io/task/" target="cc">199001010陈极雄</a></li>
          <li><a href="http://hjgggk.gitee.io/js/zy1.html" target="cc">199001014李嘉凌</a></li>
          <li><a href="http://qin-faqiang.gitee.io/qfq/" target="cc">199001016秦发强</a></li>
          <li><a href="http://guotjpeng.gitee.io/guopeng/" target="cc">199001021郭棚</a></li>
          <li><a href="https://kaerer.gitee.io/" target="cc">199001028徐茂</a></li>
          <li><a href="https://cxyiao.gitee.io/chen-xianyao/" target="cc">199001033陈先遥</a></li>
          <li><a href="http://xkw-yyds.gitee.io/client-job/" target="cc">199001036肖凯文</a></li>
          <li><a href="https://bin666666.gitee.io/personal/" target="cc">199001037胡洪槟</a></li>
          <li><a href="http://fdshaffhfdjs.gitee.io/personal-page/" target="cc">199001038张余</a></li>
          <li><a href="http://znh111.gitee.io/" target="cc">199001039周楠皓</a></li>
          <li><a href="http://jian-jiawei.gitee.io/home/" target="cc">199001042蹇嘉伟</a></li>
          <li><a href="http://goya-x.gitee.io/xhy/%E4%BD%9C%E4%B8%9A1.html" target="cc">199001044向胡勇</a></li>
          <li><a href="http://she1358677997.gitee.io/web/" target="cc">199001046佘俊林</a></li>
          <li><a href="http://tian-xingqiao.gitee.io/js-job/zuoye1.html" target="cc">199001050田星桥</a></li> 
        </ul>
      </div>
      <div class="right">
      <iframe name="cc"  ></iframe>
    </div>
    </script>
  </body>
</html>
